<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>荆州好房子用户中心</title>
	<script type="text/javascript" src="../layui/layui.js"></script>
	<link rel="stylesheet" href="../layui/css/layui.css">
	<link rel="stylesheet" href="../css/backer/UserCenter.css" />
	<script type="text/javascript" src="../js/jquery-1.12.4.js" ></script>
</head>

<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
	<div class="layui-header" style="background-color: rgb(36,47,66);">
		<div class="layui-logo" style="width: 350px;">
			<i class="layui-icon layui-icon-app cursor headlogo lefthead-icon-app" v=0></i>
			<span class="housecenter">荆州好房子网用户中心</span>

		</div>
		<!-- 头部区域（可配合layui已有的水平导航） -->
		<ul class="layui-nav layui-layout-right">
			<li class="layui-nav-item layui-icon layui-icon-home icon-style cursor">
				<dl class="layui-nav-child">
					<dd>
						<a href="../jump/index">回到主页</a>
					</dd>
				</dl>
			</li>
			<li class="layui-nav-item layui-icon layui-icon-notice icon-style cursor">
				<dl class="layui-nav-child">
					<dd>
						<a href="javascript:;">消息中心</a>
					</dd>
				</dl>
			</li>
			<li class="layui-nav-item">
				<a href="javascript:;">
					<!--用户头像-->
					<img th:src="@{'../static/images/userimg/'+${session.user.picture}}" class="layui-nav-img" >
					<span th:text="${session.user.linkman}"></span>
				</a>
				<dl class="layui-nav-child">
					<dd>
						<a href="/backer/logout">退出登录</a>
					</dd>
				</dl>
			</li>
		</ul>
	</div>

	<div class="layui-side layui-bg-black lightblue " >
		<div class="layui-side-scroll lightblue" >
			<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
			<ul class="layui-nav layui-nav-tree lightblue leftmenus" lay-filter="test"style="height: 500px;">
				<!--<li class="layui-nav-item changehtml" th:each="menu:${menu}" >
                    <a class=""><i class="layui-icon layui-icon-home margin-right-10 " ></i>
                        <span th:text="${menu.mname}"></span></a><span class="chref" th:text="${menu.location}"></span>
                    <dl class="layui-nav-child downinfo" th:each="menu2:${menu.list}">
                        <dd class="ddlight changehtml" >
                            <a th:href="${menu2.location}" class="in-items"><span th:text="${menu2.mname}"></span></a>
                        </dd>
                    </dl>
                </li>-->

				<li class="layui-nav-item changehtml" v="1">
					<a class="" href="javascript:;"><i class="layui-icon layui-icon-home margin-right-10 "  ></i>系统首页</a>
				</li>
				<li class="layui-nav-item " >
					<a href="javascript:;" class="InfoManage"><i class="layui-icon layui-icon-form margin-right-10" ></i>信息管理</a>
					<dl class="layui-nav-child downinfo">
						<dd class="ddlight changehtml" v="2">
							<a href="javascript:;" class="in-items">出售信息</a>
						</dd>
						<dd class="ddlight changehtml" v="3">
							<a href="javascript:;" class="in-items">出租信息</a>
						</dd>
						<dd class="ddlight changehtml" v="4">
							<a href="javascript:;" class="in-items">求购信息</a>
						</dd>
						<dd class="ddlight changehtml" v="5">
							<a href="javascript:;" class="in-items">求租信息</a>
						</dd>
					</dl>
				</li>
				<li class="layui-nav-item changehtml" v="6">
					<a href="javascript:;"><i class="layui-icon layui-icon-friends margin-right-10"></i>会员资料</a>
				</li>
				<li class="layui-nav-item changehtml" v="7">
					<a href="javascript:;"><i class="layui-icon layui-icon-username margin-right-10"></i>会员升级</a>
				</li>

				<li class="layui-nav-item changehtml" v="8">
					<a href="javascript:;"><i class="layui-icon layui-icon-dollar margin-right-10"></i>充值中心</a>
				</li>
				<li th:if="${session.user.getRole().roleid==1}" class="layui-nav-item changehtml roleidli" v="">
					<a href="javascript:;" class="InfoManage2"><i class="layui-icon layui-icon-form margin-right-10" ></i>用户管理</a>
					<dl class="layui-nav-child downinfo2">
						<dd class="ddlight changehtml" v="9">
							<a href="javascript:;" class="in-items">用户列表</a>
						</dd>
					</dl>
				</li>
			</ul>
		</div>
	</div>
	<input hidden name="roleid" th:value="${session.user.role.roleid}">
	<!-- 内容主体区域 -->
	<div class="layui-body" style="background-color: #F0F0F0;">
		<iframe class="ischangehtml" src="http://localhost:8080/backer/syshomepage" width="100%" height="98.7%"></iframe>
	</div>

	<!-- 底部固定区域 -->
	<div class="layui-footer">
		©&nbsp;&nbsp;荆州好房子用户中心&nbsp;&nbsp;&nbsp;联系客服&nbsp;:&nbsp;
		<span style="color: deepskyblue;">0716-12345678</span>
	</div>
</div>
</body>
<script>
	/*$(function(){
		if ($("[name=roleid]").val()==2){
			$(".roleidli").css("display","block");
		}else{
			$(".roleidli").css("display","none");
		}
    });*/
	$(".changehtml").click(function(){
		if($(this).attr("v")=="1"){
			$(".ischangehtml").attr("src","http://localhost:8080/backer/syshomepage");
		}else if($(this).attr("v")=="2"){
			$(".ischangehtml").attr("src","http://localhost:8080/backer/sellinfo");
		}else if($(this).attr("v")=="3"){
			$(".ischangehtml").attr("src","http://localhost:8080/backer/leaseInfo");
		}else if($(this).attr("v")=="4"){
			$(".ischangehtml").attr("src","http://localhost:8080/backer/wanttobuyinfo");
		}else if($(this).attr("v")=="5"){
			$(".ischangehtml").attr("src","http://localhost:8080/backer/askingtorankinfo");
		}else if($(this).attr("v")=="6"){
			$(".ischangehtml").attr("src","http://localhost:8080/backer/menberInfo");
		}else if($(this).attr("v")=="7"){
			$(".ischangehtml").attr("src","http://localhost:8080/backer/memberUpgrade");
		}else if($(this).attr("v")=="8"){
			$(".ischangehtml").attr("src","http://localhost:8080/backer/rechargeCenter");
		}else if($(this).attr("v")=="9"){
			$(".ischangehtml").attr("src","http://localhost:8080/backer/usersList");
		}
	})

	$(".InfoManage").click(function(){
		$(".downinfo").slideToggle(500);
	});
	$(".InfoManage2").click(function(){
		$(".downinfo2").slideToggle(500);
	});
	$(".ddlight").hover(function(){
		$(this).addClass("lightwhite");
	},function(){
		$(this).removeClass("lightwhite");
	})
	/*点击左边菜单左移动画*/
	/*$(".lefthead-icon-app").click(function(){
        if($(this).attr("v")==0){
            $(this).attr("v",1);
            $(".layui-body").css("width","0px");
        }else{
            $(this).attr("v",0);
            $(".layui-body").css("width","0px");
        }
    })*/
	//JavaScript代码区域
	layui.use('element', function(){
		var element = layui.element;
	});
</script>
</html>